.im-modal-box{
	
	.im-modal-content{
		width: 100vw;
		height: 100vh;
	}
}

.content{
	// height: calc(100vh);
	// height: 100%;
	height: 100vh;
	position: relative;
	.list-scroll-content{
		height: calc(100vh - 250rpx);
	}
	.actions{
		width: 100vw;
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 76rpx;
	}
}
.talk-view {
  border-radius: 28rpx;
  background-color: #fff;
	margin: 36rpx 44rpx 20rpx 44rpx;
  .talk-item-view {
    display: flex;
    padding: 26rpx;
	
    .talk-img {
      width: 92rpx;
      height: 92rpx;
      margin-right: 24rpx;
	  position: relative;
    }

    .talk-info {
      flex: 1;
	  display: flex;
	  flex-direction: column;
	  .talk-info-top{
		  display: flex;
		  .talk-name {
		  	width:calc(100vw - 420rpx);
		    margin-bottom: 8rpx;
		  		font-size: 32rpx;
		  		font-family: PingFangSC, PingFang SC;
		  		font-weight: 500;
		  		color: #181818;
		  }
		  
		  .talk-time {
			  text-align: right;
			  flex:1;
		    position: relative;
		    font-size: 26rpx;
		    font-family: PingFangSC, PingFang SC;
		    font-weight: 400;
		    color: #CDCDCD;
		  }
	  }


      .talk-message {
		width: calc(100vw - 400rpx);
		font-size: 28rpx;
		font-family: PingFangSC, PingFang SC;
		font-weight: 300;
		color: #979797;
      }
    }
  }
}



.iconBox {
  width: 94%;
  margin: 0 3%;
  background: #fff;
  border-radius: 20rpx;
  box-shadow: 0 4rpx 24rpx 0 rgba($color: #f6f6f6, $alpha: 1);
  // transform: translateY(-30rpx);
}

.icon-list {
  height: 140rpx;
  text-align: center;
  font-size: $font-sm;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0 3%;
  color: #999;

  .icon-item {
    position: relative;
    line-height: 2em;
    width: 96rpx;

    :first-child {
      font-size: 48rpx;
      margin-bottom: 10rpx;
    }
  }
}

.bag {
  width: 56rpx;
  height: 56rpx;
  border-radius: 50%;
  margin: 0 auto;
}

.bag1 {
  background: #ff0015;
}

.bag2 {
  background: #73AF7C;
}